<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/03-3.css" />
	</head>
	<body>
		<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
		<script src="https://unpkg.com/vue@next"></script>
		<div id="app">
			<div>
				<input type="text" v-model:value="counter" class="cin_item" />
			</div>
			<div class="content">
				<div class="item1">
					<div class="item" @click="counter += 0">0</div>
					<div class="item" @click="counter += 1">1</div>
					<div class="item" @click="counter += 2">2</div>
					<div class="item" @click="counter += 3">3</div>
					<div class="item" @click="counter += 4">4</div>	
				</div>
				<div class="item2">
					<div class="item" @click="counter += 5">5</div>
					<div class="item" @click="counter += 6">6</div>
					<div class="item" @click="counter += 7">7</div>
					<div class="item" @click="counter += 8">8</div>
					<div class="item" @click="counter += 9">9</div>	
				</div>
				
			</div>
		</div>
		<script>
			const Counter={
				data(){
					return{
						counter:0
					}
				}
			}
			Vue.createApp(Counter).mount('#app')
		</script>
	</body>
</html>
